<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p></p>
    <script>
      // 在创建时间对象的时候输入一个指定日期时间

      function settiem(params) {
        let date = new Date(params);
        console.log(date);
        console.log("时间戳：", date.getTime());
        // 获取当前时间
        let current = new Date().getTime();
        console.log(current);
        // 计算所剩时间
        // 相差的时间差
        let tiem = date.getTime() - current;
        // 获取天
        let day = parseInt(tiem / 1000 / 60 / 60 / 24);
        // 获取小时
        let h = parseInt((tiem / 1000 / 60 / 60) % 24);
        let m = parseInt((tiem / 1000 / 60) % 60);
        let s = parseInt((tiem / 1000) % 60);
        console.log("剩余时间：", day + "-" + h + "-" + m + "-" + s);
        // 模板字符串`${变量名}`
        console.log("剩余时间", `${day}天${h}时${m}分${s}秒`);
        // 设置返回值将计算结果返出去 】   
        return `${day}天${h}时${m}分${s}秒`
        // console.log(tiem);
      }
    //   设置定时器每隔一秒钟调用计算函数
      setInterval(() => {
        let p = document.querySelector("p");
        p.innerHTML =settiem("2025-05-30 16:10:00")
      }, 1000);
    </script>
  </body>
</html>
